<template>
    <div class="item-display-wrapper">
        <div class="item-display-name">
            <el-button type="primary" size="small"><slot name="temScreen">温度</slot></el-button>
        </div>
        <div class="item-display-value">
            <slot name="temValue"><p>32.5°C</p></slot>
        </div>
    </div>
</template>

<script>
    export default {
        name: "itemDisplay"
    }
</script>

<style scoped lang="less">
    .item-display-wrapper{
        display: flex;
        /*width: 110px;*/
        justify-content: flex-start;
        align-items: center;
        margin-top: 10px;
        margin-left: 10px;
        color: #ea054a;
        /*font-size: 14px;*/
        .item-display-name{
            display: flex;
            justify-content: center;
            margin-right: 3px;
        }
        .item-display-value{
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 2px;
            /*margin-right: 1px;*/
        }
    }
</style>
